<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="hyl.core.db.MyDB"%>
<%@ page import="hyl.My,hyl.core.MyFun"%>
<%@ page import="java.util.List,java.util.Map,java.sql.Connection"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
MyDB db = My.getDb1();
String names = (String) request.getSession().getAttribute("name");

//String sql = "SELECT * FROM  goodinfo   where  DATE_FORMAT(pdate,'%Y-%m-%d')= date_format(now(),'%Y-%m-%d') LIMIT   4 ";
String sql = "SELECT * FROM  goodinfo   LIMIT   4 ";
String[] params = null;
List<Map<String, Object>> list = db.queryList(sql, params);

MyDB db2 = My.getDb1();
String[] param2 = null;
String sql3="select * from goodinfo order by liulan desc LIMIT 7 ";
List<Map<String, Object>> list3= db2.queryList(sql3, param2);

//System.out.println(list);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd 

">
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="js/rem.js"></script>    
    <link href="iconfont/iconfont.css" rel="stylesheet">
    <link href="css/mui.min.css" rel="stylesheet">
    <link href="css/all.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
    <header class="mui-bar mui-bar-nav" id="header">
        <div class="top-sch-box flex-col">
            <div class="centerflex">
                <i class="fdj iconfont icon-search"></i>
                <div class="sch-txt">请输入关键词</div>
                <span class="shaomiao"><i class="iconfont icon-saoma"></i></span>
            </div>
        </div>
        <a class="btn" href="">
            <i class="iconfont icon-tixing"></i>
        </a>
        <a class="btn" href="shop.jsp">
            <i class="iconfont icon-cart"></i>
        </a>
    </header>

<div id="main" class="mui-clearfix">
	 <!-- 搜索层 -->
    <div class="pop-schwrap">
        <div class="ui-scrollview">
            <div class="mui-bar mui-bar-nav clone">
                <a class="btn btn-back" href="javascript:;"></a>
                <div class="top-sch-box flex-col">
                    <div class="centerflex">
                        <input class="sch-input mui-input-clear" type="text" name="" id="" placeholder="请输入关键词" />
                    </div>
                </div>
                <a class="mui-btn mui-btn-primary sch-submit" href="search.html">搜索</a>
            </div>
            <div class="scroll-wrap">
                <div class="mui-scroll">
                    <div class="sch-cont">
                        <div class="section ui-border-b">
                            <div class="tit"><i class="iconfont icon-hot"></i>热门搜索</div>
                            <div class="tags">
                                <span class="tag">帽子</span><span class="tag">背带裤</span><span class="tag">宝宝束裤</span><span class="tag">睡衣</span>
                                <span class="tag actice">帽子</span><span class="tag">背带裤</span><span class="tag">宝宝束裤</span><span class="tag">睡衣</span>
                                <span class="tag">帽子</span><span class="tag actice">背带裤</span><span class="tag">宝宝束裤</span>
                            </div>
                        </div>
                        <div class="section">
                            <div class="tit"><i class="iconfont icon-time"></i>最近搜索</div>
                            <div class="tags">
                                <span class="tag">帽子</span><span class="tag">背带裤</span><span class="tag">宝宝束裤</span><span class="tag">睡衣</span>
                                <span class="tag">帽子</span><span class="tag">背带裤</span><span class="tag">宝宝束裤</span><span class="tag">睡衣</span>
                                <span class="tag">帽子</span><span class="tag">背带裤</span><span class="tag">宝宝束裤</span>
                            </div>
                        </div>
                    </div>
                    <div class="sch-clear">
                        <a href="javascript:void"><i class="iconfont icon-shanchu"></i>清除搜索历史</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mui-content">
        <div class="banner swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="uploads/offline-banner.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="uploads/offline-banner.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="uploads/offline-banner.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="uploads/offline-banner.jpg" alt=""></a></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <!-- <div class="home-nav ui-box">
            <div class="ui-flex flex-justify-sb">
                <div><a href=""><img src="img/homenav1.jpg" alt="" /></a></div>
                <div><a href=""><img src="img/homenav2.jpg" alt="" /></a></div>
                <div><a href=""><img src="img/homenav3.jpg" alt="" /></a></div>
                <div><a href=""><img src="img/homenav4.jpg" alt="" /></a></div>
            </div>
            <br>
            <div class="ui-flex flex-justify-sb">
                <div><a href=""><img src="img/homenav11.jpg" alt="" /></a></div>
                <div><a href=""><img src="img/homenav22.jpg" alt="" /></a></div>
                <div><a href=""><img src="img/homenav33.jpg" alt="" /></a></div>
                <div><a href=""><img src="img/homenav44.jpg" alt="" /></a></div>
            </div>
        </div> -->


        <div class="home-newgoods ui-box">
            <img class="home-imgtit" src="img/hometit1.jpg" alt="" />
            <div class="list-type1 plist-puzzle">
            <%
			for (int i=0;i<list.size()-3;i++) {
				Map m = (Map)list.get(i);
				String gimg = m.get("gimg").toString();
				String productid=m.get("productid").toString();
		    %>
            <a class="b" href="detail.jsp?productid=<%=productid %>"><img src="<%=gimg %>" alt="" /></a>
            <%}%>
                <div class="s ui-flex-vt flex-justify-sb">
            <%
			for (int i=list.size()-1;i>=1;i--) {
				Map m = (Map)list.get(i);
				String gimg = m.get("gimg").toString();
				String productid=m.get("productid").toString();
		    %>
                    <a class="box" href="detail.jsp?productid=<%=productid %>"><img src="<%=gimg %>" alt="" /></a>
                    <%} %>
                </div>
            </div>
           <!--   <img class="home-imgtit" src="img/hometit2.jpg" alt="" />
            <div class="list-type2 ui-flex flex-justify-sb">
                <a class="box" href=""><img class="figure" src="uploads/t3.jpg" alt="" /><span class="tit">中西穿搭</span></a>
                <a class="box" href=""><img class="figure" src="uploads/t3.jpg" alt="" /><span class="tit">美妆美搭</span></a>
                <a class="box" href=""><img class="figure" src="uploads/t3.jpg" alt="" /><span class="tit">夏日新款</span></a>
            </div> -->
        </div>

        <div class="home-fashion ui-box ui-border-t">
            <img class="home-imgtit" src="img/hometit3.jpg" alt="" />
               <%
			for (int i=0;i<list3.size()-6;i++) {
				Map m = (Map)list3.get(i);
				String gimg = m.get("gimg").toString();
				String productid=m.get("productid").toString();
		    %>
            <a href="detail.jsp?productid=<%=productid %>"><img class="db margin-b-s" src="<%=gimg %>" width="100%"  height="200px" alt="" /></a>
           <% }%>
            <div class="fastion-plist mui-row">
             <%
			for (int i=1;i<list3.size();i++) {
				Map m = (Map)list3.get(i);
				String gimg = m.get("gimg").toString();
				String goodname=m.get("goodname").toString();
				String productid=m.get("productid").toString();
		    %>
                <div class="mui-col-xs-4">
                    <a class="item" href="detail.jsp?productid=<%=productid %>">
                        <img src="<%=gimg %>" alt="" class="figure" /><span class="tit"><%=goodname %></span>
                    </a>
                </div>
                <%} %>
            </div>
        </div>
				<div class="home-newgoods ui-box">
            <img class="home-imgtit" src="img/hometit1.jpg" alt="">
            <div class="list-type1 plist-puzzle">
                <a class="b" href=""><img src="uploads/t1.jpg" alt=""></a>
                <div class="s ui-flex-vt flex-justify-sb">
                    <a class="box" href=""><img src="uploads/t2.jpg" alt=""></a>
                    <a class="box" href=""><img src="uploads/t2.jpg" alt=""></a>
                    <a class="box" href=""><img src="uploads/t2.jpg" alt=""></a>
                </div>
            </div>
            <img class="home-imgtit" src="img/hometit2.jpg" alt="">
            <div class="list-type2 ui-flex flex-justify-sb">
                <a class="box" href=""><img class="figure" src="uploads/t3.jpg" alt=""><span class="tit">情侣穿搭</span></a>
                <a class="box" href=""><img class="figure" src="uploads/t3.jpg" alt=""><span class="tit">约会美搭</span></a>
                <a class="box" href=""><img class="figure" src="uploads/t3.jpg" alt=""><span class="tit">全部新款</span></a>
            </div>
        </div>

				<div class="home-fashion ui-box ui-border-t">
            <img class="home-imgtit" src="img/hometit3.jpg" alt="" />
            <a href=""><img class="db margin-b-s" src="uploads/sch-banner.jpg" width="100%" alt="" /></a>
            <div class="fastion-plist mui-row">
                <div class="mui-col-xs-4">
                    <a class="item">
                        <img src="uploads/t6.jpg" alt="" class="figure" /><span class="tit">纯色短袖</span>
                    </a>
                </div>
                <div class="mui-col-xs-4">
                    <a class="item">
                        <img src="uploads/t5.jpg" alt="" class="figure" /><span class="tit">街头风格纯色</span>
                    </a>
                </div>
                <div class="mui-col-xs-4">
                    <a class="item">
                        <img src="uploads/t6.jpg" alt="" class="figure" /><span class="tit">纯色短袖</span>
                    </a>
                </div>
                <div class="mui-col-xs-4">
                    <a class="item">
                        <img src="uploads/t5.jpg" alt="" class="figure" /><span class="tit">圆领套头</span>
                    </a>
                </div>
                <div class="mui-col-xs-4">
                    <a class="item">
                        <img src="uploads/t15.jpg" alt="" class="figure" /><span class="tit">T恤衫239222</span>
                    </a>
                </div>
                <div class="mui-col-xs-4">
                    <a class="item">
                        <img src="uploads/t14.jpg" alt="" class="figure" /><span class="tit">街头风格纯色</span>
                    </a>
                </div>
            </div>
        </div> 
    </div> <!--mui-content end-->
</div>
   

	
	<%@ include file="pub/bottom_list11.jsp"%>
	
   